<template>
    <y-layout title="Step">

        <y-step current="2" class="demo-pitch">
            <y-step-item>
                <span slot="bottom">步骤一</span>
            </y-step-item>
            <y-step-item>
                <span slot="bottom">步骤二</span>
            </y-step-item>
            <y-step-item>
                <span slot="bottom">步骤三</span>
            </y-step-item>
            <y-step-item>
                <span slot="bottom">步骤四</span>
            </y-step-item>
        </y-step>

        <y-step theme="2" current="3" class="demo-pitch">
            <y-step-item>
                <span slot="top">已发货</span>
                <span slot="bottom">扬州市</span>
            </y-step-item>
            <y-step-item>
                <span slot="top">运输中</span>
            </y-step-item>
            <y-step-item>
                <span slot="top">派件中</span>
            </y-step-item>
            <y-step-item>
                <span slot="top">已签收</span>
                <span slot="bottom">南宁市</span>
            </y-step-item>
        </y-step>

    </y-layout>
</template>
